JavaScript élégant : Une introduction moderne à la programmation : Concevoir pour la flexibilité : L'interface Table

La base d'un système flexible repose sur la définition d'un contrat interne rigide contrat ou une interface que les objets doivent suivre. Dans ce contexte, nous définissons une interface Table où chaque objet cellule garantit l'existence de trois méthodes spécifiques : minLargeur(), , minHauteur(), et dessiner(largeur, hauteur).

1. Le contrat d'interface

En standardisant ces méthodes, la logique de mise en page peut calculer les dimensions globales des lignes et colonnes sans connaître les types de données internes des cellules individuelles. C'est un exemple classique de polymorphisme basé sur l'interface.

2. Implémentation de TextCell

Le TextCell constructeur prépare les données brutes en divisant les chaînes de caractères en tableaux ligne par ligne. Cela déplace la complexité de la phase de rendu vers la phase d'instanciation.

this.text = text.split("\n");

3. Dessin déterministe

Le dessiner(largeur, hauteur) méthode assure que chaque sortie de cellule est parfaitement alignée en utilisant une fonction répéter() d'aide. Cela maintient l'alignement vertical et horizontal indépendamment de la longueur du contenu.

$$\text{Marge} = \text{Largeur} - \text{longueurLigne}$$

TERMINALbash — 80x24

> Ready. Click "Run" to execute.

QUESTION 1

What is the primary benefit of the Table Interface contract in this design?

It forces all data to be strings.

It allows the layout engine to remain agnostic of the data it displays.

It speeds up JavaScript memory allocation.

It automatically creates HTML tables.

QUESTION 2

In TextCell.prototype.minWidth, why is reduce used?

To sum the length of all lines.

To find the longest line length in the cell.

To remove empty lines.

To convert the array back into a string.

✅ Correct!

It uses Math.max within reduce to distill the array of lines down to a single maximum width value.

QUESTION 3

What does TextCell.prototype.draw(width, height) return?

A single long string with newline characters.

A canvas object for rendering.

An array of strings, each exactly 'width' characters wide.

A boolean indicating if the draw was successful.

QUESTION 4

What is the purpose of the repeat helper function?

To handle cell borders.

To add padding spaces to ensure straight columns.

To duplicate rows for larger tables.

To loop through the cell array.

❌ Incorrect

repeat is a utility for string padding, which is critical for visual alignment in text tables.

QUESTION 5

How does TextCell handle a multi-line string input?

It rejects it as invalid data.

It stores it as an array using split('\n').

It replaces newlines with spaces.

It only keeps the first line.

❌ Incorrect

The constructor breaks the input down so minHeight and minWidth can perform calculations on the lines.